<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <script src="../js/1.js"></script>
    <style>
        /* .light {
            background-color: aliceblue;
            color: black;
            width: 100%;
            height: 100%;
        }
        body, html {
            width: 100%;
            height: 100%;
        }
        .drak {
            background-color: black;
            color: white;
            width: 100%;
            height: 100%;
        } */
    </style>
</head>
<body>
    <!-- <div class="light" onclick="changeStyle()">
        Lorem ipsum, dolor sit amet consectetur adipisicing elit. Ullam nulla distinctio, numquam voluptatibus eaque dolorem? Nostrum, consequatur. Numquam consequuntur facilis natus aut beatae odit deserunt dolorem, mollitia officiis nobis non!<br>
        这是一段话<br>
        这是一段话<br>
        这是一段话<br>
        这是一段话<br>
    </div> -->
    <!-- <div >
        <p class="p1">这是一个p标签1</p>
        <p class="p2">这是一个p标签2</p>
        <p class="p3">这是一个p标签3</p>
        <p>这是一个p标签4</p>
    </div> -->
    <!-- <div class="container">
        <div>1</div>
        <div>2</div>
        <div>3</div>
        <div id="del">4</div>
    </div> -->
    
</body>
<script>
    // let parent = document.querySelector('.container');
    // let child = document.querySelector('#del');
    // let element = parent.removeChild(child);
    // // print(element);
    // console.dir(element);
    // parent.appendChild(element);
    // let element = document.createElement('h3');
    // element.innerHTML = "这是我们创建的新的节点";
    // let div = document.querySelector('div');
    // div.appendChild(element);
    // let new_node = document.createElement('p');
    // new_node.innerHTML = '这是一个新的p标签';
    // div.insertBefore(new_node, document.querySelector('.p1'));
    // div.insertBefore(new_node, document.querySelector('.p2'));
    // div.insertBefore(new_node, document.querySelector('.p3'));
    // element.innerHTML = '正在修改p的内容';
    // div.insertBefore(new_node, document.querySelectorAll('p')[1]);
    // div.insertBefore(new_node, document.querySelector('.p1'));
    // let element = document.querySelector('div');
    // print(element.className);
    // function changeStyle() {
    //     if(element.className == 'light')
    //         element.className = 'drak';
    //     else element.className = 'light';
    // }
</script>
</html>